<template>
  <div class="demo-01-className">
    <div>quantity: {{ typeof quantity }}, {{ quantity }}</div>
    <AIntegerInput v-model="quantity" :min="1" :max="100" style="width: 220px" />
  </div>
</template>

<script>
import AIntegerInput from '@/components/AIntegerInput'

export default {
  // 组件名称
  name: 'demo-01',
  // 注册局部组件
  components: {
    AIntegerInput
  },
  // 混入的外部功能模块
  mixins: [],
  // 接收的外部传入参数
  props: {},
  // 定义响应式的数据属性
  data() {
    return {
      // 你的数据属性
      quantity: undefined
    }
  },
}
</script>

<style lang="scss" scoped>
// .demo-01-className {
//   styles
// }
</style>
